<div id="filter-popover" class="dim" style="display: none;">
    <form class="modal form-horizontal">
        <div class="modal-header">
            <h2>Filter view</h2>
        </div>
        <div class="modal-body">
            <fieldset class="cf">
                <div class="control-group">
                    <label class="control-label" for="filterDepartmentsId">Departments</label>

                    <div id="input01" data-dojo-attach-point="departmentsNode" class="controls">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="filterLicenseNumberId">License number</label>

                    <div data-dojo-attach-point="licenseNumberNode" class="controls">
                        <input id="filterLicenseNumberId" type="text" placeholder="Enter license number"/>
                    </div>
                </div>
                <!--<div class="control-group">
                  <label class="control-label" for="input01">Shifts</label>
                  <div data-dojo-attach-point="shiftsNode" class="controls">
                  </div>
                </div>-->
                <div class="control-group">
                    <label class="control-label" for="filterResourcesId">Resources</label>

                    <div id="input02" data-dojo-attach-point="resourcesNode" class="controls">
                    </div>
                </div>
            </fieldset>
        </div>
        <div class="modal-footer">
            <button data-dojo-attach-event="onclick:hide" class="btn">Cancel</button>
            <button data-dojo-attach-event="onclick:filterData" class="btn btn-primary">Filter</button>
        </div>
    </form>
</div>